<template>
  <div class="app-container">
    <div class="top">
      <el-form ref="form" :model="form" label-width="80px" inline size="mini">
        <el-form-item>
          <el-input v-model="model" placeholder="请输入免疫项目"></el-input>
        </el-form-item>
        <el-form-item>
          <el-date-picker
            v-model="form.date"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          >
          </el-date-picker>
        </el-form-item>
        <el-form-item>
          <el-button type="primary" @click="search">查询</el-button>
        </el-form-item>
      </el-form>
    </div>
    <el-table :data="data" style="width: 100%" border>
      <!-- :header-cell-style="{color: 'black', fontSize: '14px', backgroundColor: 'rgba(244,244,245,1)'}" -->
      <el-table-column
        prop="prop"
        label="免疫日期"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="prop"
        label="免疫项目"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="prop"
        label="免疫对象"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="prop"
        label="免疫类型"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="prop"
        label="应免数量"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="prop"
        label="实免数量"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column
        prop="prop"
        label="疫苗明细"
        width="width"
        align="center"
      >
      </el-table-column>
      <el-table-column prop="prop" label="操作" width="width" align="center">
      </el-table-column>
      <!-- 无数据 -->
      <template slot="empty">
        <div class="noData">
          <!--  v-show="data.length===0" -->
          <img src="@/assets/images/noData.png" />
          <p>暂无数据</p>
        </div>
      </template>
    </el-table>
    <Pagination :total="100"></Pagination>
  </div>
</template>

<script>
import {
  pigList,
  pigEntry,
  pigMoveBuildings,
  pigLeave,
  pigDelete,
} from "@/api/production-management/pork.js";
import axios from "axios";
export default {
  name: "ImmuneHint",
  data() {
    return {
      form: {
        date: [],
      },
    };
  },
  methods: {
  },
};
</script>

<style lang="scss" scoped></style>
